.box{
    text-align:center;
    position: fixed;
    top:30%;
    left: 30%;
}
    .todolist{
   text-indent: 20px; //首行缩进
   margin:0 auto; 
    width:350px;
   height:50px;
   border:rgb(137, 233, 217) 1px solid;
    float:left;
    margin-top: 20px;
   border-bottom-left-radius:25px;  //定义圆角
   border-top-left-radius:25px;
   outline:none;
    text-align:20px;
   }
   .button{
    width:100px;
    height:50px;
    background-color: rgb(137, 233, 217);
    color: #fff;
    border:none; 
    margin-top:20px;
    border-bottom-right-radius:25px;
    border-top-right-radius:25px;
    outline:none;
   }
 .list-box{
   width: 400px;
   height:30px;
   margin-top: 20px;
   .finish-button {
    background-color: pink;
    float: left;
    width: 30px;
    height: 30px;
   }
 }
   .active {
    text-decoration: line-through;
   }
.list-style
{
 width: 85%;
 color: black;
 outline:none;
 float: left;
 text-align: left;
 border:rgb(137, 233, 217) 3px solid;
 font-size: large;
 .list-line
   {
    text-decoration: line-through;
   }
}
.rubbish-bin
 {
 width: 30px;
 float:right; 
 }
 